<template>
    <div class="dir-top-nowrap cross-center" style="margin-top: 100px;">
        <div class="container">
            <div>时间{{ dayjs('2023-01-01').format('YYYY-MM-DD') }}</div>
            <div>
                <button @click="('/community/page/1')">跳转到圈子列表</button>
            </div>
            <AppPopup v-model:show="show">
                <div>asdasdasdsad</div>
            </AppPopup>
            <div>
                <button @click="show = true">弹窗</button>
            </div>
            <div class="dir-left-wrap gap">
                <div class="dir-top-nowrap gap" v-for="(value, key) in icons" :key="key"
                    style="padding: 10px;border-radius: 8px; background-color: #aaa;">
                    <div class="dir-top-nowrap cross-center" style="gap: 10px;">
                        <AppIcon :icon="key" size="40"></AppIcon>
                        <div>{{ key }}</div>
                    </div>
                </div>
            </div>
            <div>
                <AppSwiper></AppSwiper>
            </div>
        </div>
    </div>
</template>

<script setup lang="ts">
import { AppIcon, AppSwiper } from "#components";
import { useUserStore } from "@/stores";
import { icons } from "@/libs/icons";

const dayjs = useDayjs()
console.log(dayjs().format('YYYY MMMM, dddd'));


const show = ref(false)
const userStore = useUserStore()
useSeoMeta({
    title: '组件示例页',
})
</script>

<style lang="scss" scoped></style>